* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;		/*盒模型*/
  -moz-box-sizing: border-box;	/*火狐浏览器兼容*/
  -webkit-box-sizing: border-box;		/*webkit内核浏览器*/
}
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: middle;
}
input,
select,
textarea {
  outline: none;
}
textarea {
  resize: none;
}
a {
  text-decoration: none;
  color:#666;
}
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #000;
  background: #fff;
  font: normal 12px/1.5 "microsoft yahei";
  overflow-x: hidden;
}
.clearfix{
    float:none;
    clear:both;
    overflow:hidden;
    zoom:1;
}
.header{
	height: 60px;
	position: relative;
}
.fix-top{
	width: 100%;
	height: 60px;
	background: #fff;
    border-bottom:1px solid #efefef;
	z-index:1000;
}
.header-content{
	width: 960px;
	margin:0 auto;
    overflow:hidden;
}
.header-content a{
	float:left;
    
}
.header-content a img{
    margin-top: 17px;
}
.header-content ul{
	float:right;
}
.header-content ul li{
	float: left;
	color: #202833;
	margin-left: 30px;
	font-size: 15px;
    padding-top:17px;
}
.header-content ul li i{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon-header11.png);
	background-position-y:center;
	background-repeat: no-repeat;
	background-size: 48px;
	vertical-align: top;
}
.icon-400{
	background-position-x:0;
}
.icon-email{
	background-position-x:-24px;
}
/*
    * main *
*/
.bgF7F7F7{
    background:#F7F7F7;
}
.w960{
    width:960px;
    padding:50px;
    margin:0 auto;
    overflow:hidden;
}
.fl{
    float:left;
}
.fr{
    float:right;
}

/*
    * main *
*/
#footer{
    width:960px;
    overflow:hidden;
    margin:0 auto;
}
#footer .content{
    width:960px;
    margin:0 auto;
    padding:30px 0;
    overflow:hidden;
}
#footer .content .position{
    padding-bottom:50px;
    border-bottom:1px dashed gainsboro;
    overflow:hidden;
}
#footer .content .withMe{
    padding-top:30px;
    overflow:hidden;
}
#footer ul li{
    float: left;
}
#footer ul li img{
    display:block;
}
#footer .content .position ul li{
    padding:0 10px;
    width:33.33%;
}
#footer .content .position ul li:nth-child(3n-2){
    padding-left:0;
}
#footer .content .position ul li:nth-child(3n){
    padding-right:0;
}
#footer .content .position ul li .infoBox{
    border:1px solid #ECECEC;
}
#footer .content .position ul li .infoBox:hover{
    box-shadow: 0 0px 10px #E4E4E4;
    -webkit-box-shadow: 0 0px 10px #E4E4E4;
    -moz-box-shadow: 0 0px 10px #E4E4E4;
    cursor:pointer;
}
#footer .content .position ul li .info{
    padding:10px;
}
#footer .content .position ul li .info p{
    position:relative;
}
#footer .content .position ul li .info .post{
    font-size:16px;
    color:#03B1CA;
    margin-bottom:5px;
    overflow:hidden;
}
#footer .content .position ul li .info span{
    position:absolute;
    right:0;
    top:0;
}
#footer .content .position ul li .info span i{
    font-size:13px;
    font-style:normal;
}
#footer .content .position ul li .info .post span{
    color:#ff6a00;
}
#footer .content .position ul li .info .company{
    color:gray;
}
#footer .content .position ul li img{
    width:100%;
}
#footer h3{
    font-size:36px;
    text-align:center;
    font-weight:normal;
    color:#718089;
    margin-bottom:20px;
}
#footer .withMe li {
    width: 99px;
    height:63px;
    
    margin: 0 18px 15px 0;
    display: inline;
    text-align:center;  
    line-height:18px;
}
 #footer .withMe li img{
     width:100%;
     height:40px;
}
.footer{
    background: #F5F8F9;
    border-top: 1px solid #E8E8E8;
    padding:15px 0;
    text-align:center;
}
.mask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    transform-origin:50% 50%; 
    -moz-transform-origin:50% 50%; 
    -webkit-transform-origin:50% 50%; 
    z-index:99;
    overflow:hidden;
}
.dailog{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-212px;
    margin-left:-230px;
    transform-origin:50% 50%; 
    -moz-transform-origin:50% 50%; 
    -webkit-transform-origin:50% 50%; 
    z-index:100;
}
.dailog img{
    border-radius:10px;
}
.mask-in{
    display:block;
    animation:mask ease-in-out 300ms;
}
@keyframes mask{
    0%{
       transform:scale(0);
        -moz-transform:scale(0);
        -webkit-transform:scale(0); 
    }
    100%{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes mask{
    0%{
       transform:scale(0);
        -moz-transform:scale(0);
        -webkit-transform:scale(0); 
    }
    100%{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-webkit-keyframes mask{
    0%{
       transform:scale(0);
        -moz-transform:scale(0);
        -webkit-transform:scale(0); 
    }
    100%{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
.hide{
    display:none;
}
.animation1{
    animation:animation1 ease-in-out 300ms;
}
.animation1 .hide{
    display:block;
}
@keyframes animation1{
    0%{
       transform:scale(0);
        -moz-transform:scale(0);
        -webkit-transform:scale(0); 
    }
    100%{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes animation1{
    0%{
       transform:scale(0);
        -moz-transform:scale(0);
        -webkit-transform:scale(0); 
    }
    100%{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-webkit-keyframes animation1{
    0%{
       transform:scale(0);
        -moz-transform:scale(0);
        -webkit-transform:scale(0); 
    }
    100%{
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
.animation2{
    animation:animation2 ease-in-out 300ms;
}
.animation2 .hide{
    display:block;
}
@keyframes animation2{
    0%{
       transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
    }
}
@-moz-keyframes animation2{
    0%{
       transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
    }
}
@-webkit-keyframes animation2{
    0%{
       transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
    }
}
.animation3{
    animation:animation3 ease-in-out 300ms;
}
.animation3 .hide{
    display:block;
}
@keyframes animation3{
    0%{
        margin-left:-200px;
    }
    100%{
        margin-left:0px;
    }
}
@-moz-keyframes animation3{
    0%{
        margin-left:-200px;
    }
    100%{
        margin-left:0px;
    }
}
@-webkit-keyframes animation3{
    0%{
        margin-left:-200px;
    }
    100%{
        margin-left:0px;
    }
}
.animation4{
    animation:animation4 ease-in-out 300ms;
}
.animation4 .hide{
    display:block;
}
@keyframes animation4{
    0%{
        margin-top:-200px;
    }
    100%{
        margin-top:0px;
    }
}
@-moz-keyframes animation4{
    0%{
        margin-top:-200px;
    }
    100%{
        margin-top:0px;
    }
}
@-webkit-keyframes animation4{
    0%{
        margin-top:-200px;
    }
    100%{
        margin-top:0px;
    }
}